@charset "utf-8";
*{
   padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
*{
   padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.about{
   margin: 0px auto;
    width: 1200px;
    height: 400px;
}
.about .ab_left{
   position: relative;
    width: 600px;
    display: block;
    float: left;
    height: 400px;
    overflow: hidden;
}
.about .ab_left .ab_tex{
   position: absolute;
    padding-bottom: 15px;
    line-height: 2em;
    padding-left: 15px;
    bottom: -150px;
    padding-right: 15px;
    font-family: "微软雅黑";
    background: url(/content/images/ab_bg.png) center center;
    color: #fff;
    font-size: 13px;
    padding-top: 15px;
    left: 0px;
    transition: all 0.5s;
}
.about .ab_left IMG{
   transition: all 0.5s;
}
.about .ab_left:hover .ab_tex{
   bottom: 0px;
}
.about .ab_left:hover IMG{
   transform: scale(1.05, 1.05);
}
.about .ab_right{
   width: 600px;
    float: left;
}
.about .ab_box{
   position: relative;
    width: 600px;
    height: 200px;
    transition: all 0.5 ease;
}
.ab_box1{
   position: relative;
    width: 600px;
    height: 200px;
    transition: all 0.5 ease;
}
.about .ab_box .ab_box_con{
   width: 600px;
    display: block;
}
.about .ab_box1 .ab_box_left{
   width: 300px;
    display: block;
    float: left;
}
.about .ab_box1 .ab_box_right{
   width: 300px;
    display: block;
    float: left;
}
.about .ab_onick{
   position: relative;
    width: 100%;
    height: 200px;
    transition: all 0.3s ease;
    perspective: 0px;
    -moz-perspective: 0px;
    -webkit-perspective: 0px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective-origin: left 100%;
    -webkit-perspective-origin: left 100%;
    -moz-perspective-origin: left 100%;
}
.about .ab_onick SPAN{
   position: absolute;
    text-align: center;
    width: 100%;
    display: block;
    font-family: "微软雅黑";
    height: 200px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    top: 0px;
    text-decoration: none;
    left: 0px;
}
.about .ab_onick SPAN I{
   font-style: normal;
}
.about .ab_onick SPAN.ab_hov{
   transform: rotateX(90deg) translatez(100px);
    -webkit-transform: rotateX(90deg) translatez(100px);
    -moz-transform: rotateX(90deg) translatez(100px);
}
    .about .ab_onick SPAN.ab_lank {
        /*background-image: url('ab_ser_img1.jpg');*/
        background: url(/content/images/ab_ser_img1.jpg) no-repeat center center;
        transform: translatez(100px);
        -webkit-transform: translatez(100px);
        -moz-transform: translatez(100px);
    }
.about .ab_box:hover .ab_onick{
   transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
}
.about .ab_box1 .ab_box_left .ab_onick .ab_lank{
   background: #f6f6f6;
    color: #323232;
}
.about .ab_box1 .ab_box_right .ab_onick .ab_lank{
   background: url(/content/images/tact_bg.jpg) no-repeat center center;
}
.about .ab_box_left:hover .ab_onick{
   transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
}
.about .ab_box_right:hover .ab_onick{
   transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
}
.fot{
   text-align: center;
    width: 100%;
}
.fot .fot_nav{
   line-height: 2em;
    margin: 0px auto;
    width: 670px;
    font-family: "微软雅黑";
    color: #fff;
    font-size: 14px;
}
.fot .fot_nav A{
   display: inline-block;
    color: #fff;
    text-decoration: none;
}
.fot .mess{
   text-align: center;
    line-height: 35px;
    margin-top: 15px;
    width: 150px;
    display: inline-block;
    font-family: "微软雅黑";
    background: #586374;
    height: 35px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    transition:all 0.3s;
}
.fot .mess:hover{ background:#323943}
.fot .fot_bq{
   text-align: left;
    line-height: 35px;
    margin: 35px auto 0px;
    width: 1200px;
    font-family: "微软雅黑";
    color: #fff;
    font-size: 14px;
}
.fot .fot_bq SPAN{
   float: right;
}
.fot .fot_bq A{
   color: #fff;
    text-decoration: none;
}